<script type="text/javascript">





    $(function() {
        var options = '<option value="">Selecione o município</option>';

<?php
$contaMunicipio = @mysql_num_rows($dadosMunicipios);
if ($contaMunicipio <= 0) {
    echo 'options = \'<option>Não há Municipios Cadastrados!</option>\'';
} else {
    while ($linhas = mysql_fetch_assoc($dadosMunicipios)) {
        echo 'options = options + \'<option value="' . $linhas['idMunicipio'] . '">' . $linhas['nomeMunicipio'] . '</option>\';';
    }
}
?>

        $('#municipio').html(options);

        $('#municipio').change(function() {
            $('#bairro').html('');
            
            var carregarBairros = function(data) {
                options = '<option value="">Selecione o bairro</option>';
                
                $(data).each(function(i, v) {
                    options = options + '<option value="' + v.idBairro + '">' + v.nomeBairro + '</option>';
                });
                
                $('#bairro').html(options);
            }
            
            $.get('/mercado/bairros/?id=' + $(this).val(), carregarBairros, 'json');
        });

    });

</script>

<h4>Cadastrar novo Mercado.</h4>
<a href="/mercado/novo" class="novo">Novo Mercado</a>

<?php
if (isset($_GET['error'])) {
    $erro = $_GET['error'];

    if ($erro == 'nome') {
        echo '<p class="ui-state-error">Preencha o campo Nome!</p>';
    } if ($erro == 'endereco') {
        echo '<p class="ui-state-error">Preencha o campo Endereço!</p>';
    } elseif ($erro == 'numero') {
        echo '<p class="ui-state-error">Preencha o campo Número!</p>';
    } elseif ($erro == 'bairro') {
        echo '<p class="ui-state-error">Preencha o campo Bairro!</p>';
    } elseif ($erro == 'erro') {
        echo '<p class="ui-state-error">Erro ao inserir, tente novamente mais tarde!</p>';
    }
}
?> 

<form method="POST" action="/mercado/verificaNovo">
    <div class="field">
        <label for="nome">Nome do Mercado</label>
        <input type="text" name="nome" id="nome" />
    </div>

    <div class="field">
        <label for="nome">Endereço</label>
        <input type="text" name="endereco" id="endereco" />
    </div>

    <div class="field">
        <label for="nome">Número</label>
        <input type="text" name="numero" id="numero" />
    </div>

    <div class="field">
        <label for="municipio">Municipio</label>
        <select name="municipio" id="municipio">

        </select>
    </div>

    <div class="field">
        <label for="bairro">Bairro</label>
        <select name="bairro" id="bairro">

        </select>
    </div>

    <div class="button">
        <input type="submit" value="Cadastrar" />
    </div>
</form>

<a href="../mercado" class="voltar">Voltar</a>